﻿<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>图书借阅统计报表</title>
	<link rel="stylesheet" type="text/css" href="../../plugins/jquery-easyui/themes/metro/easyui.css" />
	<link rel="stylesheet" type="text/css" href="../../plugins/jquery-easyui/themes/icon.css" />
	<link rel="stylesheet" type="text/css" href="../../css/common/common.css" />
	<script type="text/javascript" src="../../plugins/jquery-easyui/jquery.min.js"></script>
	<script type="text/javascript" src="../../plugins/jquery-easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../../plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="../../js/common/common.js"></script>
	<script type="text/javascript" src="../../js/reportAnalysis/borrowBookReport.js"></script>
	<script type="text/javascript" src="../../plugins/Chart/Chart.min.js"></script>
	<style type="text/css">
		.panel.datagrid.easyui-fluid{
			margin: 0px auto;
			transition: margin-right 1.2s;
		}
		
	</style>
</head>
<body>
	<div class="clear-fix">
		<button id="change-view">切换视图</button>
	</div>
	
	<div class="chart-container clear-fix">
		<div class="chart-dg-panel">
			<!-- 工具栏 -->
			<div id="borrow-tb">
				<div>
					<a href="javaScript:void(0);" onclick="#" class="easyui-linkbutton" data-options="iconCls:'icon-print', plain:'true'">导出</a>
				</div>
				<form class="super-search">
					<div class="input-box">
						<div class="input-time">
							<label>时间：</label>
							<input type="text" class="easyui-datebox" name="start_time" data-options="prompt:'起始时间'"/>&nbsp;&nbsp;-&nbsp;&nbsp;
							<input type="text" class="easyui-datebox" name="end_time" data-options="prompt:'结束时间'"/>
						</div>
					</div>
					<div class="search-box">
						<a href="javaScript:void(0);" onclick="BI.reader.obj.query()" class="easyui-linkbutton" data-options="iconCls:'icon-search',">查询</a>
						<a href="javaScript:void(0);" onclick="BI.reader.obj.reset()" class="easyui-linkbutton" data-options="iconCls:'icon-reload'," >重置</a>
					</div>
				</form>
			</div>
			
			<!-- 注销图书信息表格 -->
			<table id="borrow-dg"></table>
		</div>	
		
		<div class="chart-view">
			<canvas id="borrowDoughnutChart" width="100" height="100"></canvas>
		</div>
	</div>
	
</body>
</html>
 